<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>基本输入框</title>
		<cw:base></cw:base>
		<script type="text/javascript">
			function checkValue(t){
				if(this.getValue()==''){
					Wonders.Msg.info("请输入地址...", "提示");
				}
			}
		</script>
		<style type="text/css">
			.gridSelect-caption {
				background-color: #D0DEF0;
			}
			
			.required{color:red}
		</style>
	</head>
	<body>
		<ul>
			<li>
				<b> 1. 数字输入框：只能进行指定字符的录入，支持可录入字符的配置有：(0-9)、正负号(+,-)、小数点(.)</b>
			</li>
		</ul>
		<br />
		<ul>
			<li>
			<cw:form>
				<table>
					<tr>
						<td>手机：</td>
						<td><cw:number property="mobile" allowDecimals="false" allowNegative="false" label="手机" emptyText="普通的整数数值输入"/></td>
						<td>余额：</td>
						<td><cw:number property="cash" decimalPrecision="2" allowNegative="false" label="余额" emptyText="小数数值输入"/></td>
						<td>差额：</td>
						<td><cw:number property="cash" allowNegative="true" label="差额" emptyText="负数数值输入"/></td>
					</tr>
				</table>
			</cw:form>
			</li>
		</ul>
		<hr>
		<ul>
			<li>
				<b> 2. 文本输入框：最基本的输入框，可以进行任何可打印字符的输入，并将输入的字符原样显示</b>
			</li>
		</ul>
		<br />
		<ul>
			<li>
			<cw:form>
				<table>
					<tr>
						<td>姓名<span class="required">*</span>：</td>
						<td><cw:text property="name" required="true" label="姓名" emptyText="必填,设置required=true" /></td>
						<td>地址：</td>
						<td><cw:text property="address" label="地址" maxLength="200" minLength="8" cnCharacter="true" width="550"
							emptyText="长度校验，设置maxLength和minLength，设置cnCharacter=true会把中文当成2个字符(即Length/2)"/></td>
					</tr>
					<tr>
						<td>密码：</td>
						<td><cw:text property="password" type="password" label="密码" /></td>
						<td>地址2：</td>
						<td><cw:text property="address2" label="地址2" cnCharacter="true" width="550"
							emptyText="定义事件触发后的操作，设置格式为listeners=\"{\'事件名称\':function(){事件方法}}\""
							listeners="{'focus':checkValue,'blur':function(){if(this.getValue()==''){this.setValue('深圳市福田区八卦二路劳动就业大厦')}}}" />
						</td>
					</tr>
				</table>
			</cw:form>
			</li>
		</ul>
		<hr>
		<ul>
			<li>
				<b> 3. 多行文本输入框</b>
			</li>
		</ul>
		<br />
		<ul>
			<li>
			<cw:form>
				<table>
					<tr>
						<td>备注：</td>
					<td>
						<cw:textArea property="desc" maxLength="600" minLength="6" cnCharacter="true" width="500" height="150"
							value="万达信息股份有限公司（简称“万达信息”，股票代码300168）成立于1995年12月，是国内领先的智慧城市综合软件和服务提供商，是国内最早专业从事城市信息化领域服务的企业之一。历经多年发展，万达信息在城市信息化各行业积累了丰富经验，形成了突出的行业软件与服务优势。公司以行业应用软件( Software )、专业IT服务( Service )和系统集成( System Integration )作为三大主营业务，为智慧城市提供整体解决方" />
					</td>
					</tr>
				</table>
			</cw:form>
			</li>
		</ul>
		<cw:theme></cw:theme>
		<script type="text/javascript">
			Ext.onReady(function(){
				resetHeight("normalElementsFrame");
			})
		
			function resetHeight(frame) {
				var ifm = parent.document.getElementById(frame);
				var obj = document.body;
				var oStyle = obj.currentStyle? obj.currentStyle : window.getComputedStyle(obj, false);
				var initHeight = parseInt(document.body.clientHeight+parseInt(oStyle["margin-top"])+parseInt(oStyle["margin-bottom"]));
				ifm.height = parseInt(initHeight);
			}
		</script>
	</body>
</html>
